
:root.dark{
  --primary-color:  #ffc300  ;
  --secondary-primary-color:  rgb(204, 159, 12)  ;
  --top-nav-bg: #16161a;
  --post-card-bg: #16161a;
  --post-card-border: #202025;
  --secondary-bg: #25252c;
  --main-text: #d3d3d3;
  --main-bg: #111114;
  --secondary-text: rgb(97, 96, 101);
  --secondary-border: rgb(75, 74, 78);
  --toolbar-text: #888;
  --body-bg: #0c0c0c;
  --extreme: white;
  --comment-text: white;
  --comment-bg: rgba(51, 39, 58, 0.425);
  --footer-bg:  rgba(51, 39, 58, 0.425);
  --footer-text: white;
  --color-topNavBar-title: #8b6161 ;
  --post-card-font-size: 1rem;
  --post-card-footer-font-size: .2rem;
  --ripple-color: rgba(255, 255, 255, 0.5);
}
:root{
  --primary-color:  #ffc300  ;
  --secondary-primary-color:  rgb(204, 159, 12)  ;
  --top-nav-bg: #ffffff;
  --post-card-bg: #ffffff;  
  --post-card-border: #efefef;
  --secondary-bg: rgb(231, 230, 230);
  --main-text: rgb(9,29,61);
  --main-bg: #f6f6f6;
  --secondary-text: rgb(142, 142, 142);
  --secondary-border: rgb(231, 231, 231);
  --toolbar-text: rgb(161, 161, 161);
  --body-bg: #f6f6f6;
  --extreme: rgb(0, 0, 0);
  --comment-text: rgb(0, 0, 0);
  --comment-bg: rgba(51, 39, 58, 0.425);
  --footer-bg:  rgba(51, 39, 58, 0.425);
  --footer-text: rgb(0, 0, 0);
  --color-topNavBar-title: #8b6161 ;
  --post-card-font-size: 1rem;
  --post-card-footer-font-size: .2rem;
  --ripple-color: rgba(133, 133, 133, 0.5);
}
*{
  /* 去除移动端蓝色阴影 */
  -webkit-tap-highlight-color: transparent; 
  margin: 0;
  padding: 0;
}
html{
  font-size: 15px !important;
  cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur),default;
  min-width: 300px;
}


body{
  color: var(--main-text);
  background: var(--body-bg); 
  // overflow: scroll;
  // 滚动条
  &::-webkit-scrollbar{
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-track{
    background: transparent;
    border-radius:2px;
  }
  &::-webkit-scrollbar-thumb{
    background: var(--main-text);
    border-radius:10px;
  }
  &::-webkit-scrollbar-thumb:hover{
    background: var(--main-text);
  }
}
a{
  text-decoration: none;
  user-select: none;
  color: var(--main-text);
  cursor: pointer;
}
input{      
  background:none;    
  outline:none;   
  border:1px solid #ccc;
}input:focus{   
  border:none;
}

.ripples{
  border: none;
  backdrop-filter: blur(10px);
  background: var(--ripple-color);
  transform: translate(-50%, -50%);
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  animation: ripplesAnimate 1s linear ;
  z-index: 99;
}
@keyframes ripplesAnimate{
  0%{
    width: 10%;
    padding-bottom: 10%;
    opacity: 0.3;
  }
  100%{
    opacity: 0;
    width: 500%;
    padding-bottom: 500%;
  }
} 

div, p, span{
  word-wrap:break-word;
}
#nprogress .bar {
  background: var(--primary-color) !important; //自定义颜色
}


.fade-leave-active{
  display: none !important;
}

span.keyword{
  color: var(--primary-color);
}
